<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
  <div class="form_box">
    <div class="title1">申请详情</div>
    <div class="title2">
      <div class="title2_text">电梯信息</div>
    </div>
    <div class="content_box1">
      <div class="content_item1">
        <input type="hidden" id="free_clean_id" value="{$row.id}">
        <div>电梯编号：</div>
        <div> <input class="form-control" data-rule="required" name="row[elevator_no]" placeholder="请输入联系电话"
                     type="text" value="{$row.elevator_no}"></div>
<!--        <div>{$row.elevator_no}</div>-->
      </div>
      <div class="content_item1" >
        <div>所在地区：</div>
        <div class="col-xs-12 col-sm-8">
          <div class="form-inline" data-toggle="cxselect" data-url="/assets/libs/fastadmin-cxselect/js/cityData.min.json" data-selects="province,city,area" data-json-space="" data-json-name="n" data-json-value="">
            <select class="province form-control" data-first-title="选择省">
              <option value="">请选择</option>
              <option value="{$row.province}" selected="">{$row.province}</option>
            </select>
            <select class="city form-control" data-first-title="选择市">
              <option value="">请选择</option>
              <option value="{$row.city}" selected="">{$row.city}</option>
            </select>
            <select class="area form-control" data-first-title="选择地区">
              <option value="">请选择</option>
              <option value="{$row.region}" selected="">{$row.region}</option>
            </select>
          </div>
<!--          <input id="c-title" class="form-control" data-toggle="city-picker" name="row[address]" data-level="district" type="text" value="{$row.address}" />-->
        </div>
<!--        <div>  <input id="c-title" class="form-control" data-toggle="city-picker" name="row[address]" data-level="district" type="text" value="{$row.address}" /></div>-->
<!--&lt;!&ndash;        <div>{$row.address}</div>&ndash;&gt;-->
      </div>
      <div class="content_item1">
        <div>电梯地址：</div>
        <div>  <input id="c-buildings" class="form-control" data-rule="required" name="row[buildings]"  type="text" value="{$row.buildings}" /></div>
<!--        <div>{$row.buildings}</div>-->
      </div>
      <div class="content_item1">
        <div>电梯使用标志：</div>
        <div class="col-xs-12" style="border: 1px solid #E5E5E5;padding: 10px;min-width: 200px;margin-right: 20px;">
          <ul class="row list-inline faupload-preview" id="p-dormitory_balcony" style="display: flex" data-template="dormitory_balcony" data-name="row[desc]"></ul>
          <div class="input-group">
            <input class="form-control" data-rule="" id="c-dormitory_balcony" name="row[dormitory_balcony]" size="50" type="hidden"
                   value="{$row.use_sign}">
            <div class="input-group-addon no-border no-padding">
                        <span><button class="btn btn-danger faupload" data-input-id="c-dormitory_balcony" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp"
                                      data-preview-id="p-dormitory_balcony"
                                      data-multiple="true"
                                      data-maxcount="2"
                                      data-title="(宿舍)阳台/洗漱间情况"
                                      id="faupload-dormitory_balcony" type="button"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
            </div>
            <!--这里自定义图片预览的模板 开始-->
            <script type="text/html" id="dormitory_balcony">
              <li  style="position: relative;width: 100%">
                <a href="<%=fullurl%>" data-url="<%=url%>" target="_blank" class="thumbnail">
                  <img src="<%=fullurl%>" class="img-responsive">
                </a>
                <a href="javascript:;" class="btn-trash" style="position: absolute;right: 10px;top: 0;color: #111111">x</a>
              </li>
            </script>
          </div>
        </div>
<!--        <img class="content_item1_img"-->
<!--             src="{$row.use_sign}" alt="">-->
      </div>
      <div class="content_item1">
        <div>业务员：</div>
        <div>{$row.salesman}</div>
      </div>
      <div class="content_item1">
        <div>电梯类型：</div>
        <div>加装电梯</div>
      </div>
      <div class="content_item1">
        <div>定位准确度：</div>
        {if condition="$row.accuracy eq 0"}
        <div>不准确</div>
        {elseif condition="$row.accuracy eq 1"/}
        <div>准确</div>
        {/if}
      </div>
    </div>
    <div class="title2">
      <div class="title2_text">申请信息</div>
    </div>
    <div class="content_box1">
      <div class="content_item1">
        <div>申请编号：</div>
        <div>{$row.id}</div>
      </div>
      <div class="content_item1">
        <div>业主姓名：</div>
        <div>  <input id="c-proprietor_name" class="form-control" data-rule="required" name="row[proprietor_name]"  type="text" value="{$row.proprietor_name}" /></div>
      </div>
      <div class="content_item1">
        <div>联系电话：</div>
        <div>  <input id="c-phone" class="form-control" data-rule="required" name="row[phone]"  type="text" value="{$row.phone}" /></div>
      </div>
      <div class="content_item1">
        <div>清洁范围：</div>
        <div style="margin: 0 10px;">{$row.clean_area_text}</div>
        <img class="content_item1_img"
             src="https://file.gkzzd.cn/www/gkzzd/uploads/20220106/664e14eefd3bbfd16838bef9bec6de62.png" alt="">
      </div>
      <div class="content_item1">
        <div>申请时间：</div>
        <div>{$row.add_time}</div>
      </div>
      <div class="content_item1">
        <div>提审时间：</div>
        <div>{$row.submit_check_time}</div>
      </div>
    </div>
    <div class="title2">
      <div class="title2_text">审核信息</div>
      {if condition="$row.status eq 2"}
      <div class="box-header with-border">
        <span style="margin-right: 20px;color: rgb(243,165,88);">待审核</span>
        <btn style="border: 1px solid; margin-right: 20px;background-color: #ffffff" class="go ">去审核</btn>
      </div>
      {elseif condition="$row.status eq 3"/}
      <div class="box-header with-border">
        <span style="margin-right: 20px;color: rgb(243,165,88);">已审核</span>
        <btn style="border: 1px solid; margin-right: 20px;background-color: #ffffff" class="again">重新审核</btn>
      </div>
      {/if}
    </div>
    <!--审核信息-->
    {if condition="$row.audit_status eq 0"}
<!--    <div class="box-header with-border">-->
<!--      <span style="margin-right: 20px;color: rgb(243,165,88);">未审核</span>-->
<!--    </div>-->
    {elseif condition="$row.audit_status eq 1"/}
    <div class="content_box1">
      <div class="content_item1">
        <div>审核：</div>
        <div>
           申请成功
        </div>
      </div>
      <div class="content_item1">
        <div>完审时间：</div>
        <div>
            {$row.check_time}
        </div>
      </div>
    </div>
    {elseif condition="$row.audit_status eq 2"/}
    <div class="content_box1">
      <div class="content_item1">
        <div>审核：</div>
        <div>
          申请失败
        </div>
      </div>
      <div class="content_item1">
        <div>驳回原因：</div>
        <div>
          {$row.remark_type_text}
        </div>
      </div>
      <div class="content_item1">
        <div>修改权限：</div>
        <div>
          {$row.is_can_update_text}
        </div>
      </div>
      <div class="content_item1">
        <div>完审时间：</div>
        <div>
          {$row.check_time}
        </div>
      </div>
    </div>
    {/if}
  </div>
  <div class="form-group layer-footer">
    <label class="control-label col-xs-12 col-sm-2"></label>
    <div class="col-xs-12 col-sm-8">
      <button class="btn btn-success btn-embossed " type="submit">{:__('OK')}</button>
      <button class="btn btn-default btn-embossed" type="reset">{:__('Reset')}</button>
    </div>
  </div>
</form>
<style>
  .form_box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .title1,
  .title2 {
    width: 100%;
    font-weight: bold;
  }

  .title1 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
  }

  .title2 {
    background-color: rgb(215, 215, 215);
    display: flex;
    align-items: center;
  }

  .title2_text {
    margin: 10px 30px;
  }

  .content_box1 {
    margin-top: 30px;
    width: 90%;
    display: flex;
    flex-wrap: wrap;

  }

  .content_item1 {
    width: 33%;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
  }


  .content_item1_img {
    max-width: 150px;
    max-height: 150px;
  }

  .btn_box {
    margin: 20px 0;
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
</style>
<style>
  .control-label1 {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: left !important;
    margin-left: 10%;
    width: 100%;
  }
  .demo{
    background-color:yellow !important;
    font-size: 15px;
    /*// color: yellow;*/
  }
</style>